<template>
    <h2>添加公告类型</h2>
    <table>
        <tr>
            <td>公告类型名称</td>
            <td>
                <input type="text" placeholder="请输入公告类型名称" v-model="Typeinfo.type_Name"/>
            </td>
        </tr>
        <tr>
            <td>
                <input type="button" class="btn btn-success" value="添加" @click="AddInfo" />
            </td>
        </tr>
    </table>

</template>
<script setup lang="ts">
import axios from 'axios';
import { ref,onMounted } from 'vue';
import { useRouter } from 'vue-router';

//创建响应式数据完成添加
const Typeinfo=ref({
  "type_Id": 0,
  "type_Name": ""
})
//添加
const AddInfo=()=>{
    if(Typeinfo.value.type_Name==""){
        alert("类型名称不能为空")
        return;
    }
    axios.post("https://localhost:7283/api/Info/AddInfoType",Typeinfo.value)
    .then(res=>{
        if(res.data>0){
            alert("添加成功")
            
        }else{
            alert("添加失败")
        }
    })
}


</script>